<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LED显示屏_LED照明 _LED 解决方案_江西鑫磊光电科技有限公司(ledzy168.com)</title>
    <meta name="keywords"
        content="LED,显示屏,高清小间距LED显示屏,高清,小间距,户外全彩LED显示屏,室内全彩LED显示屏,LED照明,LED显示解决方案,大屏幕,LED显示屏生产厂家,LED显示屏报价，江西LED显示屏报价">
    <meta name="description" content="江西鑫磊光电科技有限公司是一家专业从事LED产品应用研发、设计、生产、销售和服务于一体的产品服务商。">
    <link rel="stylesheet" href="./zhanshi.css">
    <link rel="shortcut icon" href="./images/ifavion.ico">
    <script src="./js/jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="zhanshi">
        <!-- 顶部,导航栏开始 -->
        <?php include "./header.php" ?>
        <!-- 顶部,导航栏开始 -->
        <div class="main">
            <div>
                <!-- banner开始 -->
                <div class="banner">
                    <ul>
                        <li style="display: block;">
                            <img src="./images/banner.jpg" alt="">
                        </li>
                        <!-- <li>
                            <img src="./images/banner01.jpg" alt="">
                        </li> -->
                        <li>
                            <img src="./images/banner03.jpg" alt="">
                        </li>
                    </ul>
                    <span class="pre">&lt;</span>
                    <span class="next">&gt;</span>
                    <div class="dot">
                        <li style="background-color:#FE6500"></li>
                        <!-- <li></li> -->
                        <li></li>
                    </div>
                </div>
                <!-- banner结束 -->

                <!-- 解决方案   关于我们   联系我们开始 -->
                <div class="main_1">
                    <div class="solution">
                        <h3>解决方案
                            <a href="./solution.php">MORE+</a>
                        </h3>
                        <ul></ul>
                    </div>
                    <div class="aboutus">
                        <h3 class="title">
                            <span>
                                <label>ABOUT US</label>　关于我们
                            </span>
                            <a href="">MORE+</a>
                        </h3>
                        <div>
                            <img src="http://www.ledzy168.com/images/about_us.jpg" alt="">
                            <p>江西战石光电科技有限公司成立于2004年，是一家专业从事LED产品应用研发、设计、生产、销售和服务于一体的产品服务商，同时也是目前国内最大的LED产品应用系统解决方案服务商之一。公司自成立以来，务商，同时也是目前国内最大的LED产品应用系统解决方案服务商之一。公司自的技术平台背景，建设有光电研究
                                ......</p>
                        </div>
                    </div>
                    <div class="contact">
                        <h3 class="title clearfix">
                            <span>
                                <label>CONTACT US</label>　联系我们
                            </span>
                            <a href=""></a>
                        </h3>
                        <div>
                            <h6>4008-399-227</h6>
                        </div>
                    </div>
                </div>
                <!-- 解决方案   关于我们   联系我们结束 -->

                <div class="main_2">
                    <!-- 案例中心开始 -->
                    <div class="cases">
                        <h3 class="title clearfix">
                            <span>
                                <label>CASE CENTER</label>　案例中心
                            </span>
                            <a href="./cases.php">MORE+</a>
                        </h3>
                        <ul></ul>
                    </div>
                    <!-- 案例中心结束 -->
                </div>
                <div class="main_3">
                    <!-- 新闻资讯开始 -->
                    <!-- 公司新闻开始 -->
                    <div class="news companyNews">
                        <h3 class="title clearfix">
                            <span>
                                <label>NEWS</label>　公司新闻
                            </span>
                            <a href="./news.php?sortid=18">MORE+</a>
                        </h3>
                        <ul></ul>
                    </div>
                    <!-- 公司新闻结束 -->

                    <!-- 行业动态开始 -->
                    <div class="news industry">
                        <h3 class="title clearfix">
                            <span class="common">
                                <label>INDUSTRY</label>　行业动态
                            </span>
                            <a href="./news.php?sortid=19">MORE+</a>
                        </h3>
                        <ul></ul>
                    </div>
                    <!-- 行业动态结束 -->

                    <!-- 产品知识开始 -->
                    <div class="news product">
                        <h3 class="title clearfix">
                            <span class="common">
                                <label>PRODUCT</label>　产品知识
                            </span>
                            <a href="./news.php?sortid=20">MORE+</a>
                        </h3>
                        <ul></ul>
                    </div>
                    <!-- 产品知识结束 -->
                </div>
                <!-- 新闻资讯结束 -->
            </div>
        </div>

        <!-- 主体部分结束 -->
        <!-- 底部开始 -->
        <?php include "./bottom.php" ?>
        <!-- 底部结束 -->
    </div>

    <script>
        $(document).ready(function() {
            // 广告栏的幻灯片开始
            var index = 0;
            var len = $(".banner>ul>li").length;
            // 前一页
            $(".pre").on("click", function() {
                index--;
                // 将所有的li隐藏
                // for (let i = 0; i < len; i++) {
                //     $(".banner>ul>li").eq(i).hide();
                // }
                if (index < 0) {
                    index = len - 1;
                }
                // 点击的这一张显示，其余的隐藏
                // $(".banner>ul>li").eq(index).fadeIn().siblings().fadeOut();//如果使用淡入淡出，将图片使用定位（子绝父相）将其定位到同一位置，并设置第一张的层级高于其他的
               
                $(".banner>ul>li").eq(index).show().siblings().hide();
                $(".dot>li").eq(index).css("backgroundColor", "#FE6500").siblings().css(
                    "backgroundColor", "#FFF");
            });
            // 后一页
            $(".next").on("click", function() {
                index++;
                // for (let i = 0; i < len; i++) {
                //     $(".banner>ul>li").eq(i).hide();
                // }
                if (index > len - 1) {
                    index = 0;
                }
                $(".banner>ul>li").eq(index).show().siblings().hide();
                $(".dot>li").eq(index).css("backgroundColor", "#FE6500").siblings().css(
                    "backgroundColor", "#FFF");
            });

            function auto() {
                $(".next").click();
            }
            // 计时
            var s = setInterval(auto, 3000);
            $(".banner>ul>li,.pre,.next").on("mouseenter", function() {
                clearInterval(s);
            });
            $(".banner>ul>li,.pre,.next").on("mouseleave", function() {
                s = setInterval(auto, 3000);
            });
            // 点击下面的小圆点显示对应图片
            $(".dot>li").on("mouseenter", function() {
                i = $(this).index();
                $(".dot>li").eq(i).css("backgroundColor", "#FE6500");
            });
            $(".dot>li").on("mouseleave", function() {
                i = $(this).index();
                if(i!=index){
                    $(".dot>li").eq(i).css("backgroundColor", "#FFF");
                }
                
            });
            $(".dot>li").on("click", function() {
                clearInterval(s);
                index = $(this).index();
                // $(".banner>ul>li").eq(index).css("display", "block").siblings().css("display", "none");
                // $(".dot>li").eq(index).css("backgroundColor", "#FE6500").siblings().css(
                //     "backgroundColor", "#FFF");

                $(".banner>ul>li").eq(index).show().siblings().hide();
                $(".dot>li").eq(index).css("backgroundColor", "#FE6500").siblings().css(
                    "backgroundColor", "#FFF");
            });

            // 广告栏的幻灯片结束

            // 解决方案开始
            var limit = 8;
            $.ajax({
                url: "./solution_list.php",
                data: {
                    limit: limit
                },
                dataType: "json",
                success: function(res) {
                    if (res.code == 0) {
                        var html = '';
                        res.data.forEach(el => {
                            html +=
                                `<li><a href="solution_detail.php?id=${el.id}">• ${el.solution_name}</a></li>`;
                        });
                        $(".solution>ul").html(html);
                    }
                }
            });
            // 解决方案结束


            // 联系我们开始
            sortid = 7;
            $.ajax({
                url: "./aboutus_list.php",
                data: {
                    sortid: sortid
                },
                dataType: "json",
                success: function(res) {
                    if (res.code == 0) {
                        html = '';
                        res.data.forEach(el => {
                            $(".contact").append(el.content);
                        });

                    }
                }
            });
            // 联系我们结束

            // 案例中心开始
            limit = 4;
            $.ajax({
                url: "./cases_list.php",
                data: {
                    limit: limit
                },
                dataType: "json",
                success: function(res) {
                    if (res.code == 0) {
                        html = '';
                        res.data.forEach(el => {
                            html += `<li><a href="case_detail.php?id=${el.id}"><img src="./admin/upload/${el.pic}" alt="">
                                    <span>${el.cases_name}</span></a>
                                   </li>`;
                        });
                        $(".cases>ul").html(html);
                    }
                }
            });


            // 案例中心结束

            // 公司新闻开始
            limit = 6;
            sortid = 18;
            $.ajax({
                url: "./news_list.php",
                data: {
                    limit: limit,
                    sortid: sortid
                },
                dataType: "json",
                success: function(res) {
                    if (res.code == 0) {
                        html = '';
                        res.data.forEach(el => {
                            html +=
                                `<li><a href="./news_detail.php?id=${el.id}">• ${el.news_name}</a></li>`;
                        });
                        $(".companyNews>ul").html(html);
                    }
                }
            });
            // 公司新闻结束
            // 行业动态开始
            limit = 6;
            var sortid = 19;
            $.ajax({
                url: "./news_list.php",
                data: {
                    limit: limit,
                    sortid: sortid
                },
                dataType: "json",
                success: function(res) {
                    if (res.code == 0) {
                        html = '';
                        res.data.forEach(el => {
                            html +=
                                `<li><a href="./news_detail.php?id=${el.id}">• ${el.news_name}</a></li>`;
                        });
                        $(".industry>ul").html(html);
                    }
                }
            });
            // 行业动态结束
            // 产品知识开始
            limit = 6;
            var sortid = 20;
            $.ajax({
                url: "./news_list.php",
                data: {
                    limit: limit,
                    sortid: sortid
                },
                dataType: "json",
                success: function(res) {
                    if (res.code == 0) {
                        html = '';
                        res.data.forEach(el => {
                            html +=
                                `<li><a href="./news_detail.php?id=${el.id}">• ${el.news_name}</a></li>`;
                        });
                        $(".product>ul").html(html);
                    }
                }
            });
            // 产品知识结束

        });
    </script>
</body>

</html>